<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="css/新建文本文档.css" type="text/css">
    <script src="js/fontsizeset.js"></script>
</head>
<body>
    <form class="main" action="#">
        <div class="main_header">
            <a class="main_header_link" href="#">
                <img class="main_header_image" src="jpg/-1.png" alt="">
            </a>
            <h3 class="main_header_tithe">订单列表</h3>
        </div>
        <div class="mian_center">
            <div class="main_center_left">
                <select class="main_center_left_quanbu">
                    <option class="main_center_plice" value="quanbu">全部分类</option>
                </select>
            </div>
            <div class="main_center_right">
                <select class="main_center_right_shijian">
                    <option class="main_center_plice" value="shijian">按时间排序</option>
                </select>
            </div>
        </div>
        <ul class="main_content">
            <li class="main_content_li">
                <div class="main_content_li_div">
                    <div class="main_content_li_div_left">
                        <p class="main_content_li_one">订单号：7195351</p>
                    </div>
                    <p class="main_content_li_two">待出行</p>
                    <p class="main_content_li_theer">预定时间:2015-12-29 12:04:00</p>
                </div>
                <div class="kong"></div>
                <a class="main_content_li_link" href="#">[春节]<魅力湘西过大年>湘西年夜饭，北京直飞</a>
                <div class="kong"></div>
                <p class="main_content_li_four">
                    自驾游
                    <span class="main_content_li_four_left">2016-02-07出发</span>
                    <span class="main_content_li_four_right">￥4580</span>
                </p>
                <div class="kong"></div>
                <p class="main_content_li_fifter">待出行</p>
                <select class="main_content_li_select">
                    <option value="quxiao">取消</option>
                    <option value="fukuan">付款</option>
                    <option value="dianping">点评</option>
                </select>
            </li>

            <li class="main_content_li">
                <div class="main_content_li_div">
                    <div class="main_content_li_div_left">
                        <p class="main_content_li_one">订单号：7195351</p>
                    </div>
                    <p class="main_content_li_two">待支付</p>
                    <p class="main_content_li_theer">预定时间:2015-12-28 12:04:00</p>
                </div>
                <div class="kong"></div>
                <a class="main_content_li_link" href="#">[5月]<阿尔山童话世界冰雪温泉之旅>北京直飞....</a>
                <div class="kong"></div>
                <p class="main_content_li_four">
                    自驾游
                    <span class="main_content_li_four_left">2016-05-27出发</span>
                    <span class="main_content_li_four_right">￥4580</span>
                </p>
                <div class="kong"></div>
                <p class="main_content_li_fifter">待支付</p>
                <select class="main_content_li_select">
                    <option value="fukuan">付款</option>
                    <option value="quxiao">取消</option>
                    <option value="dianping">点评</option>
                </select>
            </li>

            <li class="main_content_li">
                <div class="main_content_li_div">
                    <div class="main_content_li_div_left">
                        <p class="main_content_li_one">订单号：7195351</p>
                    </div>
                    <p class="main_content_li_two">待评价</p>
                    <p class="main_content_li_theer">预定时间:2015-12-27 12:04:00</p>
                </div>
                <div class="kong"></div>
                <a class="main_content_li_link" href="#">[4月]<海南海岛环驾8日自驾之旅>海口直飞....</a>
                <div class="kong"></div>
                <p class="main_content_li_four">
                    自驾游
                    <span class="main_content_li_four_left">2016-04-07出发</span>
                    <span class="main_content_li_four_right">￥4580</span>
                </p>
                <div class="kong"></div>
                <p class="main_content_li_fifter">待评价</p>
                <select class="main_content_li_select">
                    <option value="dianping">点评</option>
                    <option value="quxiao">取消</option>
                    <option value="fukuan">付款</option>
                </select>
            </li>

            <li class="main_content_li">
                <div class="main_content_li_div">
                    <div class="main_content_li_div_left">
                        <p class="main_content_li_one">订单号：7195351</p>
                    </div>
                    <p class="main_content_li_two">已取消</p>
                    <p class="main_content_li_theer">预定时间:2015-12-25 12:04:00</p>
                </div>
                <div class="kong"></div>
                <a class="main_content_li_link" href="#">[5月]<食在广东粤菜美食6日自驾>北京直飞....</a>
                <div class="kong"></div>
                <p class="main_content_li_four">
                    自驾游
                    <span class="main_content_li_four_left">2016-05-07出发</span>
                    <span class="main_content_li_four_right">￥4580</span>
                </p>
                <div class="kong"></div>
                <p class="main_content_li_fifter">已取消</p>
                <input class="main_content_li_input" type="submit" value="查看">
            </li>
        </ul>
    </form> 
</body>
</html>